<template>
  <div class="choiceness-box">
    <!-- 轮播图 -->
    <video-swipe></video-swipe>
    <!-- 即将上线 -->
    <div class="choiceness-movie-box">
      <!-- 内容区 -->
      <coming-soon></coming-soon>
    </div>
    <div>
      <div class="choiceness-box-bottom">
        <!-- 新片速递 -->
        <new-movie></new-movie>
        <!-- 精选推荐 -->
        <selection-of-recommended></selection-of-recommended>
      </div>
    </div>
  </div>
</template>

<script>
import videoSwipe from '@/components/video-box/video-swipe.vue'
import comingSoon from './compoents/coming-soon.vue'
import newMovie from './compoents/new-movie.vue'
import selectionOfRecommended from '@/view/choiceness/compoents/selection-of-recommended'
// import SelectionOfRecommended from './compoents/selection-of-recommended.vue'
export default {
  components: {
    videoSwipe,
    comingSoon,
    newMovie,
    selectionOfRecommended,
  },
  setup() {}
}
</script>

<style lang="scss" scoped>
.choiceness-box {
  // width: 100%;
  // height: 100%;
  .choiceness-movie-box {
    background-color: pink;
    padding: 10px;
    // margin: 10px 15px 10px 10px;
  }
  .choiceness-box-bottom {
    background-color: blueviolet;
  }
  .be-coming-soon-title {
    height: 20px;
    line-height: 20px;
    background-color: skyblue;
  }
}
</style>
